<template>
    <div>
        <span>-</span>
        <span>{{num}}</span>
        <span @click="add">+</span>
    </div>
</template>
<script>
export default {
    props:['num','id'],
    methods:{
        add(){
            let num = this.num + 1;
            console.log(this.$bus);
            this.$bus.$emit('add',num,this.id);
        }
    }
}
</script>

/**
    父----> 子  父级 动态属性  ---->   子props：  {}   []

    子 ---> 父  $emit  父 ---> 标签上监听事件  子： this.$emit(事件名,参数1，参数2.。。。)

    非父子  Vue.prototype.$bus = new Vue()   

    子组件:this.$bus.$emit

    父组件：created(){this.$bus.$on('add',() => {})}  
*/ 
